/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'../../open_scss/theme';
@import'../../open_scss/color';
@import'../../open_scss/model';
.imgbox{
    width: 100%;
    overflow: hidden;
}
.picwall {
    @include comic(0);
    width: 100%;
    overflow: hidden;
    .clearfix {
        *zoom: 1;
    }
    .clearfix:after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
    }
    .carosule {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .pic-show {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .pic {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        img {
            width: 100%;
            height: 100%;
            display: block;
            border: 0 none;
        }
    }
}
.logoinfo {
    padding: .5rem 1%;
    background-color: $white;
    position: relative;
    border-bottom: 1px solid #efefef;
    min-height: 40px;
    .logobox {
        display: inline-block;
        vertical-align: middle;
        background-color: $white;
        border-radius: 4px;
        img {
            height: 45px;
        }
    }
    .infos {
        display: inline-block;
        vertical-align: middle;
        max-width: 200px;
        margin-left: 20px;
        @include Line(1);
    }
    ._storename {
        font-size: 22px;
        font-weight: bold;
        color: rgba($black, .8);
    }
}
._main_goods {
    width: 98%;
    padding: 0 1%;
    @include newLine;
}
.maingoods {
    margin-top: 1.5rem;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    padding-bottom: 0.5rem;
    background-color: rgba($white, 0.7);
    border: 1px solid #efefef;
    box-sizing: border-box;
    // margin-bottom: 1.5rem;
    // box-shadow: 0 0px 20px 0px $grayLight;
    display: inline-block;
    vertical-align: top;
    .goodsimg {
        width: 100%;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .goodsinfo {
        width: 100%;
        .infoitem {
            line-height: 1.5rem;
            padding: 0.3rem 0.5rem;
            @include newLine;
            .name {
                color: $black;
                font-size: 17px;
                @include Line(1);
            }
            .intro {
                color: #888;
                height: 3rem;
                font-size: 14px;
                line-height: 1.5rem;
                @include Line(2);
            }
            .price {
                font-size: 12px;
                color: $red;
                font-weight: lighter;
                label {
                    font-size: 18px;
                }
            }
            .item {
                width: 50%;
                display: inline-block;
                &.right {
                    text-align: right;
                    button {
                        font-size: 15px;
                        border-radius: 2px;
                        border: 1px solid #ccc;
                        background-color: #efefef;
                        padding: .3rem .8rem;
                        &.disabled {
                            background-color: $red;
                            color: #efefef;
                            border: 0;
                        }
                    }
                }
            }
            .i {
                width: 20px;
                height: 20px;
                display: inline-block;
                margin-right: 15px;
                text-align: center;
                line-height: 20px;
                &.icon-sina-weibo, &.icon-qq, &.icon-renren {
                    &:before {
                        font-size: 20px;
                    }
                }
            }
        }
    }
}
